{extend name="base" /}
{block name="body"}
<div class="ad clearfix wow pulse">
    <div id="owl-demo" class="owl-carousel">
        <div class="item">
            <picture>
                <source srcset="{$col.image}" media="(min-width:50em)">
                <source srcset="{$col.image}" media="(min-width:30em)">
                <img src="{$col.image}" alt="">                    
            </picture>
            <div class="page-tit">{$col.category_name}</div>
        </div>
    </div>
</div>
<div class="container clearfix">
        <!--ul class="column-nav wow rubberBand">
                <li class="active"><a href="#">建材</a></li>
                <li><a href="#">家具</a></li>
                <li><a href="#">软装</a></li>
                <li><a href="#">家电</a></li>
        </ul-->

        <div class="product-box clearfix wow bounceInUp">
            {foreach name="list" item="r"}
                <figure>
                        <a href="{$r.url}" class="pic"><img src="{$r.image}"/></a>
                        <figcaption><a href="{$r.url}">{$r.title}</a></figcaption>
                </figure>
            {/foreach}
                <div class="clearfix"></div>
                <div class="page-ajax wow bounceIn"  data-wow-delay=".3s">
                        <ul class="pagination">{$list->render()}</ul>
                </div>
    </div>
</div>
{/block}